<template>
  <div class="numberPopver">
    <div class="popver_title">
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe, magnam!
      Hic quidem enim architecto cum odio
    </div>
    <div class="similar_list">
      <div v-for="(item, index) in arr" :key="index" class="similar-item">
        <i>{{ index + 1 }}相似专利:</i><span>{{ item.text }}</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      arr: [
        {
          text: "本发明公开了一种复合纳米纤维膜，由壳聚糖、明胶和形状记忆聚氨酯三种材料复合组成，所述壳聚糖与明胶的重量。1，壳聚糖和明胶两种材料的总重量与所述形状记忆聚氨酯重量的比为（0.2-2）：1，该复合纳米纤维膜的制备方法包括以下步骤：将壳聚糖、明胶和形状记忆聚氨酯三种材料溶解于溶剂中得均相溶液；本发明公开了一种复合纳米纤维膜，由本发明公开了一种复合纳米纤维膜，由壳聚糖、明胶和形状记忆聚氨酯三种材料 复合组成，所述壳聚糖与明胶的重量。1，壳聚糖和明胶两种材料的总重量与所述形状记忆 聚氨酯重量的比为（0.2-2）：1，该复合纳米纤维膜的制备方法包括以下步骤：将壳聚糖、",
        },
        {
          text: "本发明公开了一种复合纳米纤维膜，由壳聚糖、明胶和形状记忆聚氨酯三种材料复合组成，所述壳聚糖与明胶的重量。1，壳聚糖和明胶两种材料的总重量与所述形状记忆聚氨酯重量的比为（0.2-2）：1，该复合纳米纤维膜的制备方法包括以下步骤：将壳聚糖、明胶和形状记忆聚氨酯三种材料溶解于溶剂中得、",
        },
        {
          text: "备方法包括以下步骤：将壳聚糖、明胶和形状记忆聚氨酯三种材料溶解于溶剂中得均相溶液；本发明公开了一种复合纳米纤维膜，由本发明公开了一种复合纳米纤维膜，由壳聚糖、明胶和形状记忆聚氨酯三种材料 复合组成，所述壳聚糖与明胶的重量。1，壳聚糖和明胶两种材料的总重量与所述形状记忆 聚氨酯重量的比为（0.2-2）：1，该复合纳米纤维膜的制备方法包括以下步骤：将壳聚糖、",
        },
      ],
    };
  },
};
</script>
<style scoped lang="less">
.numberPopver {
  width: 448px;
  height: fit-content;
  max-height: 300px;
  background: #ffffff;
  box-shadow: 0px 3px 20px 2px rgba(23, 36, 70, 0.36);
  border-radius: 4px 4px 4px 4px;
  padding: 11px 14px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.empty{
  position: absolute;
  top: -12px;
  left: 0;
  width: 100%;
  height: 12px;
  background-color: transparent;
}
.popver_title {
  font-weight: 600;
  font-size: 14px;
  color: #1d2129;
  line-height: 16px;
}

.similar_list {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  margin-top: 10px;
}
.similar-item {
  font-size: 14px;

  line-height: 16px;
  margin-bottom: 8px;

  i {
    color: #86909c;
    margin-right: 8px;
  }
  span {
    color: #1d2129;
    &:hover {
      color: #739af8;
      text-decoration: underline;
      text-decoration-color: #366ef4;
      text-underline-offset: 2px;
      cursor: pointer;
    }
  }
}
</style>
